<template>
    <nut-searchbar v-model="searchValue" background="#f5f5f5" input-background="#fff" clearable>
        <template v-slot:leftin>
            <Search2 />
        </template>
    </nut-searchbar>
</template>
<script lang="ts">
import { toRefs, reactive } from 'vue';
import { Searchbar } from '@nutui/nutui-taro';
import { Search2, RectDown } from '@nutui/icons-vue-taro';
export default {
    components: {
        'nut-searchbar': Searchbar,
        Search2,
        RectDown
    },
    setup() {
        const state = reactive({
            searchValue: ""
        });

        return {
            ...toRefs(state),
        };
    }
};
</script>
<style lang="scss" scoped></style>